@media screen and (min-width:1200px){
      
          .dl{
              width: 100% !important;
              height: 241.81px !important;
              display: flex;
              justify-content: center;
              .cover,img{
                  width: 389.2px;
                  height: 216.21px;
                 
              }
              .content{
                  width: 373.2px;
                  height: 216.21px;
              }
          }
      

}
//中大盒子
@media screen and (min-width:992px) and (max-width:1199px){
    .contentList{
        width: 100%;
        .dl{
            height: 194.6px;
            display: flex;
            justify-content: center;
            .cover{
                // width: 304.2px ;
                // height: 169px;
                img{
                    width:304.2px !important;
                    // height: 100%;
                    border-radius: 2px;
                }
            }
            .content{
                width: 288.2px;
                height: 169px;
            }
        }
    }
}
//中型盒子
@media screen and (min-width:779px) and (max-width:991px){
  .contentList{
      .dl{
          height: 183.2px;
          display: flex;
          justify-content: center;
          .cover{
              width: 203.2px;
              height: 157.6px;
              img{
                  width: 100%;
                  height: 100%;
                  border-radius: 2px;
              }
          }
          .content{
              width: 187.2px;
              height: 157.6px;
          }
      }
  }
}
//小型盒子
@media screen and (min-width:658px) and (max-width:778px){

  .contentList{
      .dl{
          display: flex;
          justify-content: center;
          .cover{
              width: 50%;
              // height: 157.6px;
              img{
                  width: 100%;
                  height: 100%;
                  border-radius: 2px;
              }
          }
          .content{
              width: 50%;
              height: 157.6px;
          }
      }
  }
}
//小型盒子
@media screen and (max-width:657px) {
  .contentList{
      .dl{
          display: flex;
          flex-direction: column;
          .cover{
              width: 100%;;
              img{
                  width: 100%;
                  height: 100%;
                  border-radius: 2px;
              }
          }
      }
  }
}





.contentList{
    .dl{
      cursor: pointer;
      padding: 12.8px;
      border-radius: 4px;
      margin: 0 0 16px;
      background-color: var(--bg-second);
      color: var(--main-text-color);
      .cover{

        img{
          // width: 100% ;
          // height: 157.6px;
          border-radius: 2px;
        }
      }
      .content{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 16px;
        .itemp:hover{
          color:#FF1F77;
        }
        p:nth-child(1){
          overflow: hidden;
          text-overflow: ellipsis; 
          white-space: nowrap;
          font-weight: bold;
          font-size: 16px;
        }
        p{
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          font-size: 14px;
          line-height: 28px;
    
        }
        
      }
    }
  }